﻿<extend name="Public/base"/>
		<block name="content">
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">        
        <title>订单中心-买家中心-中关村商城</title>
        <link rel="stylesheet" href="__ORDER__/css/public.css">
        <link rel="stylesheet" href="__ORDER__/css/publicTips.css">
        <link rel="stylesheet" href="__ORDER__/css/score.css">
        <link rel="stylesheet" href="__ORDER__/css/ui.all.css">
        <link rel="stylesheet" href="__ORDER__/css/buyerCenter.css">
		<link rel="stylesheet" href="__ORDER__/css/jquery-ui.min.css">
		<script src="__ORDER__/js/jquery.js"></script>
		<script src="__ORDER__/js/jquery-ui.min.js"></script>
		
	</head>
    <body>
	<!-- 头部 -->
	<div class="header">
	    <div class="wrapper clearfix">
	        <a class="logo" href=""></a>
	        <a href="" class="index">首页</a>
	        <a href="" class="message">消息<i class="no-read-message">0</i></a>
	        <div class="searchbox">
	            <form target="_blank" method="GET" action="">
	                <div class="searchmod">
	                    <input type="hidden" value="List" name="c">
	                    <input type="text" autocomplete="off" maxlength="50" placeholder="搜索商品/店铺" class="searchtext" name="keyword">
	                    <ul style="display:none;">
	                    	<li><a href=""></a></li>
	                    	<li><a href=""></a></li>
	                    </ul>
	                </div>
	                <input type="submit" class="searchbtn" name="do_search" value="搜索">
	            </form>
	        </div>
	    </div>
	</div>        
	<div class="wrapper clearfix contain">
		<ul class="left-bar shadow">
			<li class="item-name">
				<a href="javascript:;" style="cursor:default;"><i class="item-icon icon1"></i>
				订单中心</a>
				<ul class="item-branch">
					<li><a href="" target="_self">我的订单</a></li>
					<li><a href="">团购订单</a></li>
					<li><a href="" class="" target="_self">评价管理</a></li>
					<li><a href="" class="" target="_self">我购买的配置单</a></li>
				</ul>
			</li>
			<li class="item-name">
				<a href="" style="cursor:default;">
				<i class="item-icon icon2"></i>我的关注</a>
				<ul class="item-branch">
					<li><a href="" class="" target="_self">关注的商家</a></li>
					<li><a href="" class="" target="_self">关注的商品</a></li>
				</ul>
			</li>
			<li class="item-name">
				<a href="" style="cursor:default;"><i class="item-icon icon3"></i>我的优惠</a>
				<ul class="item-branch">
					<li><a href="" class="" target="_self">团购优惠券</a></li>
					<li><a href="" class="" target="_blank">我的红包</a></li>
				</ul>
			</li>
			<li class="item-name">
				<a href="" style="cursor:default;"><i class="item-icon icon4"></i>消息中心</a>
				<ul class="item-branch">
					<li><a href="">我的信息</a></li>
				</ul>
			</li>
			<li class="item-name">
				<a href="javascript:;" style="cursor:default;"><i class="item-icon icon5"></i>个人设置</a>
				<ul class="item-branch">
					<li><a href="">收货地址管理</a></li>
					<li><a href="">ZOL个人中心</a></li>
				</ul>
			</li>
			<li class="item-name">
				<a href="javascript:;" style="cursor:default;"><i class="item-icon icon6"></i>售后服务</a>
				<ul class="item-branch">
					<li><a href="">投诉维权</a></li>
				</ul>
			</li>
			<li class="item-name">
				<a href="javascript:;" style="cursor:default;"><i class="item-icon icon7"></i>特色频道</a>
				<ul class="item-branch">
					<li><a href="" class="" target="_blank">团购</a></li>
					<li><a href="" class="" target="_blank">DIY攒机馆</a></li>
					<li><a href="" class="" target="_blank">手机馆</a></li>
					<li><a href="" class="" target="_blank">限时抢购</a></li>
					<li><a href="" class="" target="_blank">ZOL商城服务说明</a></li>
				</ul>
			</li>
		</ul>
		<div class="right-content order-section">
			<div class="self-detail shadow">
				<div class="order-block">
					<ul class="order-tab clearfix">
						<li><a href="javascript:;" style="cursor: default;" class="selected">商城订单</a></li>
						<li><a href="">团购订单</a></li>
					</ul>
				</div>
				<ul class="classify clearfix" id="icon-select-ul">
					<li><a href="javascript:;" data-order-status="2" data-status-name="等待买家付款"><span>待付款<em><{$dfk}></em></span><i class="icon1 "></i></a></li>
					<li><a href="javascript:;" data-order-status="3" data-status-name="等待卖家发货"><span>待发货<em><{$dfh}></em></span><i class="icon2 "></i></a></li>
					<li><a href="javascript:;" data-order-status="4" data-status-name="卖家已发货"><span>待收货<em><{$dsh}></em></span><i class="icon3 "></i></a></li>
					<li><a href="javascript:;" data-review-status="1"><span>待评价<em><{$dpj}></em></span><i class="icon4 "></i></a></li>
					<li style="display:none;"><a href="javascript:;"><span>退款/退货<em></em></span><i class="icon5"></i></a></li>
				</ul>
				
				<table class="order-title order-table">
					<tbody>
						<tr>
							<td class="cell1">商品信息</td>
							<td class="cell2">单价（元）</td>
							<td class="cell3">数量</td>
							<td class="cell4">售后</td>
							<td class="cell5">实付款（元）</td>
							<td class="cell6 status" id="order-status-select-td">
								<span>全部状态<i id="order-status-select-icon-i"></i></span>
								 <ul class="status-tab" id="order-status-select-ul" style="display:none;">
									<li value="0">全部状态</li>							
									<li value="1">等待卖家确认</li>
									<li value="2">等待买家付款</li>
									<li value="3">等待卖家发货</li>
									<li value="4">卖家已发货</li>
									<li value="5">交易完成</li>
									<li value="6">交易关闭</li>
								</ul>
							</td>
							<td class="cell7">操作</td>
						</tr>
					</tbody>
				</table>
				
				<foreach name="res" item ="v">			
				<div class="addition clearfix">
					<p class="message"><span class="gray">订单号：</span><{$v.ordid}></p><p class="message time"><span class="gray">下单时间：</span><{$v.ordtime|date="Y-m-d H:i:s",###}></p>
					<div class="message store">
						<span class="gray">店铺：</span>
						<span class="store-name">龙翔通讯专营店</span>
						<a class="bao" title="点击“生意宝”开始交谈" href="">
						<img alt="" width="21" height="21" src="__ORDER__/img/company-ico-offline.png"></a>
						<a class="bao" href="" target="_blank"><img border="0" title="点击这里给我发消息" alt="点击这里给我发消息" src="__ORDER__/img/button_121.gif"></a>
					</div>
					<if condition="$v.ordnow lt 4">    
						<span class="cancel-order">
							<a class="order-cancel" style="cursor:pointer;" data-id="<{$v.ordid}>">
							 取消订单</a>
						</span>
					</if>
					<if condition="$v.ordnow gt 4">    
						<span class="cancel-order" align="right">
							<a class="order-delete" id="orddel" style="cursor:pointer;color:blue" data-id="<{$v.ordid}>">
							 删除订单</a>
						</span>
					</if>
				</div>
				
				<table class="order-content order-table">			
					<tbody>				
					<tr>				
						<td class="product-detail">
							
							<?php foreach(json_decode($v["pro"],true) as $vv){?>
								<div class="clearfix">
									<a href="" class="pic" target="_blank">
										<img width="60" height="60" alt="【正品保证 顺丰包邮】<{$vv.goods_desc}>" src="__ROOT__/Uploads/<{$vv.pro_img}>">                    
									</a>
									<div class="des">
										<a href="" target="_blank">【正品保证 顺丰包邮】<{$vv.goods_desc}></a><p><span>颜色：<{$vv.goods_color}></span><br><span>套装：<{$vv.goods_tc}></span></p>
									</div>
									<p class="price"><{$vv.goods_price}></p>
									<p class="num"><{$vv.goods_num}></p>
									<if condition="$v.ordnow eq 5">
									<p class="complainStatusRel"><a href="" class="refund">投诉维权</a></p></if>
									<if condition="$v.ordnow eq 4">
									<p class="complainStatusRel"><a href="" class="refund">退货/退款</a></p></if>
								</div>
								<br>
								<?php }?>
							</td>
							<td class="cell5 order-money">
								<p class="price">
								<{$v.money}>
								</p>
								<p class="free">（免运费）</p>
							</td>
							
							
							<td class="cell6">
								<p class="gray" style="color:#808080">
								<switch name="v.ordnow">    
									<case value="1"><p class="red"  style="color:#FF5500">等待卖家确认</p></case>    
									<case value="2"><p class="red"  style="color:#FF5500">等待买家付款</p></case>
									<case value="3"><p class="red"  style="color:#FF5500">等待卖家发货</p></case>    
									<case value="4"><p class="red"  style="color:#FF5500">卖家已发货</p><br><br><p class="ordsure"  style="color:blue;cursor:pointer;" data-id="<{$v.ordid}>">确认收货</p></case>
									<case value="5">交易完成<br><br><a href="<{:U('comment')}>?id=<{$v.id}>" class="pjia"  style="color:#FF5500;cursor:pointer;">去评价</a></case>    
									<case value="6">交易关闭</case>
									<case value="7">交易完成<br><p>已评价</p></case>
								</switch></p>
							</td>
							<td class="cell7">
							<if condition="$v.ordnow eq 2">
							 <p><a target="_blank" class="pay-btn" href="<{:U('Pay/pay')}>?ordid=<{$v.ordid}>">立即付款</a></p></if><a href="">订单详情</a></td>
						</tr>
						
					</tbody>
				</table>
				</foreach>
				<div class="page"><span class="sel">1</span></div>
			</div>              
			<div class="buyer-section shadow">
				<div class="section-title recommend-tab clearfix">
					<h4>猜你喜欢</h4>
				</div>
				<div id="zp-goods-recommend">
					<ul style="dispaly:none;list-style-type: none;">
						<li></li>
					</ul>
					<ul class="clearfix buyer-list recommend-content" id="zs-you-like"><li><a href="" target="_blank"><img src="__ORDER__/img/ceuwo7zs0Rc.jpg" alt="苹果 iPhone 6S Plus（全网通）" width="180" height="180"><p class="price"><em>￥</em> 5630.00</p><p class="des">苹果 iPhone 6S Plus（全网通）</p><span class="num"><em>0</em>人已购买</span></a></li><li><a href="" target="_blank"><img src="__ORDER__/img/ChMkJlcPXb-ICBHOAAG_8WTloN0AAP4-AH0fAoAAcAJ635.jpg" alt="【限北京地区购买，外省市顾客请勿下单】【顺丰包邮+购机有礼+北京市内送货】OPPO A33（全网通）5英寸 800万像素 四核" width="180" height="180"><p class="price"><em>￥</em> 1099.00</p><p class="des">【限北京地区购买，外省市顾客请勿下单】【顺丰包邮+购机有礼+北京市内送货】OPPO A33（全网通）5英寸 800万像素 四核</p><span class="num"><em>0</em>人已购买</span></a></li><li><a href="" target="_blank"><img src="__ORDER__/img/ChMkJ1Y9k1CIGRFZAADsFrldJ6wAAEmvgJoymsAAOwu340.jpg" alt="【顺丰包邮】魅族 魅蓝metal 四色现货 顺丰速发 标配送礼 高清贴膜" width="180" height="180"><p class="price"><em>￥</em> 969.00</p><p class="des">【顺丰包邮】魅族 魅蓝metal 四色现货 顺丰速发 标配送礼 高清贴膜</p><span class="num"><em>0</em>人已购买</span></a></li><li><a href="" target="_blank"><img src="__ORDER__/img/ChMkJ1b_RFKISqz3AAGLgulZQicAAPBrAC0nU4AAYua269.jpg" alt="【现货 顺丰包邮 送钢化膜+手机壳】三星 Galaxy On5（G5500）" width="180" height="180"><p class="price"><em>￥</em> 719.00</p><p class="des">【现货 顺丰包邮 送钢化膜+手机壳】三星 Galaxy On5（G5500）</p><span class="num"><em>31</em>人已购买</span></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>       
        <!-- 底部 -->
	<div class="footer">
        <div class="wrapper" style="display:none;">
            <ul class="footer-service clearfix">
                <li><a target="_blank" href=""><i class="iconfont"></i>行货保证</a></li>
                <li><a target="_blank" href=""><i class="iconfont"></i>发票保障</a></li>
                <li><a target="_blank" href=""><i class="iconfont"></i>顺丰包邮</a></li>
                <li><a target="_blank" href=""><i class="iconfont"></i>无忧退换</a></li>
                <li class="last"><a target="_blank" href=""><i class="iconfont"></i>先行赔付</a></li>
            </ul>
            <div class="footer-service-relate clearfix">
                <dl class="cooperation">
                    <dt>商家合作</dt>
                    <dd>
                        <p>错过天猫？别再错过我们！</p>
                        <p>ZOL商城开启全新旅程！</p>
                        <a target="_blank" class="btn" href=""><span>关于入驻</span>&gt;</a>
                    </dd>
                </dl>
                <dl class="hotline">
                        <dt>400-678-0068</dt>
                        <dd>
                            <p>工作日 9:00 - 18:00</p>                 
                            <a href="http://weibo.com/zolcom" class="weibo" target="_blank">关注新浪微博</a>
                        </dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1126">帐号注册</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1127">购物流程</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1228">付款方式</a></p>
					</dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1171">先行赔付</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1128">退款退货流程</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1168">投诉举报</a></p>
					</dd>
				</dl>
				<dl>
					<dt>商城保障</dt>
					<dd>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1170">行货保障</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1172">如实描述</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1174">物流配送</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1173">48小时发货</a></p>
						<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1175">发票保障</a></p>
					</dd>
				</dl>                    
				<dl>
					<dt>商家服务</dt>
					<dd>
					<p><a target="_blank" href="http://dealer.zol.com.cn/">商家中心</a></p>
					<p><a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1195">商城规则</a></p>
					<p><a target="_blank" href="http://help.zol.com/index.php?c=List&amp;subClassId=25&amp;grandClassId=171">商家帮助</a></p>
					</dd>
				</dl>                    
			</div>
		</div>
		<div class="footer-nav-bar">
			<div class="wrapper">
				<div style="height:auto;" class="partners">
					<span class="label">合作伙伴：</span>
					<p>
						<a target="_blank" href="http://www.juanpi.com/">卷皮网</a>|
						<a target="_blank" href="http://www.99114.com/">电子商务平台</a>|
						<a target="_blank" href="http://www.cebnet.com.cn/">中国电子银行网</a>|
						<a target="_blank" href="http://www.vmall.com/">华为商城</a>|
						<a target="_blank" href="http://www.301688.com/">三帝贸易网</a>|
						<a target="_blank" href="http://www.pztuan.com/index.aspx">团购</a>|
						<a target="_blank" href="http://shop.enet.com.cn/">eNet商城</a>|
						<a target="_blank" href="http://www.eachnet.com/">易趣</a>|
						<a target="_blank" href="http://www.meilele.com/">家具网</a>|
						<a target="_blank" href="http://www.wbiao.cn/">手表品牌大全</a>|
						<a target="_blank" href="http://www.dionly.com/">钻石</a>|
						<a target="_blank" href="http://www.yxlady.com/">伊秀女性网</a>|
						<a target="_blank" href="http://www.hqew.com/">华强电子网</a>|
						<a target="_blank" href="http://www.eepw.com.cn/">电子产品世界</a>|
						<a target="_blank" href="http://www.wadongxi.com/">挖东西比价网</a>|
						<a target="_blank" href="http://www.admaimai.com/">广告网</a>|
						<a target="_blank" href="http://www.egou.com/">易购网</a>
					</p>    
				</div>
				<div class="footer-nav">
					<a target="_blank" href="http://www.zol.com.cn/">中关村在线</a>
					|<a target="_blank" href="http://www.zol.com/">ZOL商城</a>
					|<a target="_blank" href="http://tuan.zol.com/">Z团</a>
					|<a target="_blank" href="http://qiang.zol.com/">限时抢购</a>
					|<a target="_blank" href="http://zc.zol.com/">Z众筹</a>
					|<a target="_blank" href="http://dealer.zol.com.cn/">经销商</a>
					|<a target="_blank" href="http://detail.zol.com.cn/">产品报价</a>
					|<a target="_blank" href="http://bbs.zol.com.cn/">论坛</a>
					|<a target="_blank" href="http://ask.zol.com.cn/">问答</a>
				</div>
				<div class="copyright">
					<a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1254">关于ZOL商城</a>
					|<a target="_blank" href="http://help.zol.com/index.php?c=Default">帮助中心</a>
					|<a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1256">联系我们</a>
					|<a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1257">发展历程</a>
					|<a target="_blank" href="http://help.zol.com/index.php?c=Detail&amp;id=1255">媒体报道</a>
					<span>
					&#169;<script>document.write((new Date).getFullYear());</script>2016 中关村在线 版权所有. 京ICP备09041801号-182 京ICP证010391号
					</span>
				</div>
				<div class="authentication clearfix">
					<a target="_blank" href=""><img width="85" height="32" src="__ORDER__/img/beian.jpg"></a><a target="_blank" href=""><img width="86" height="32" src="__ORDER__/img/jingcha.jpg"></a><a target="_blank" href=""><img width="90" height="32" src="__ORDER__/img/chengxin.jpg"></a>
				</div>
			</div>
		</div>  
	</div>
    <script>
		
		//刷新当前页面.
		function refresh(){
			window.location.reload();//刷新当前页面.				 
		}

		$(".order-cancel").click(function(){
			var oid = $(this).attr("data-id");
			console.log(oid);
			$( "<div>您确定取消订单吗?</div>" ).dialog({
			  resizable: false,
			  title:"警告!",
			  height: "auto",
			  width: 350,
			  modal: true,
			  buttons: {
				"确认": function() {
				  $( this ).dialog( "close" );
				  $.get('<{:U("ordnowSave")}>',{oid:oid},function(data){
					if(data.status){
						alert('订单已取消');
						refresh();
						}
					},'json');
				},
				"取消": function() {
				  $( this ).dialog( "close" );
				}
			}
		});
	});

	//$(".pjia").click(function(){
	
		
	//});


	$(".order-delete").click(function(){
			var oid = $(this).attr("data-id");
			console.log(oid);
			$( "<div>您确定删除订单吗?</div>" ).dialog({
			  resizable: false,
			  title:"警告!",
			  height: "auto",
			  width: 350,
			  modal: true,
			  buttons: {
				"确认": function() {
				  $( this ).dialog( "close" );
				  $.get('<{:U("orderDel")}>',{oid:oid},function(data){
					if(data.status){
						alert('订单已删除');
						refresh();
						}
					},'json');
				},
				"取消": function() {
				  $( this ).dialog( "close" );
				}
			}
		});
	});


	$(".ordsure").click(function(){
			var oid = $(this).attr("data-id");
			console.log(oid);
			$( "<div>您要确认收货吗? 小心钱货两失!!</div>" ).dialog({
			  resizable: false,
			  title:"警告!",
			  height: "auto",
			  width: 350,
			  modal: true,
			  buttons: {
				"确认": function() {
				  $( this ).dialog( "close" );
				  $.get('<{:U("orderSure")}>',{oid:oid},function(data){
					if(data.status){
						alert('已确认收货');
						refresh();
						}
					},'json');
				},
				"取消": function() {
				  $( this ).dialog( "close" );
				}
			}
		});
	});

</script>
</body></html>
</block>
